.container {
    .box-top {
        width: 100vw;
        height: 300rpx;
        background-image: linear-gradient(to right, #8092a6, #9db3c2);
    }

    background: rgb(245, 242, 242);

    .box-dd {
        width: 95vw;
        height: 300rpx;
        background: #fff;
        margin: 20rpx auto;
        border-radius: 20rpx;

        .dd-top {
            width: 85vw;
            height: 120rpx;
            margin: auto;
            border-bottom: 1px solid #ccc;
            display: flex;
            line-height: 40rpx;

            .text-btn {
                font-size: 30rpx;
                color: #ccc;
                margin-left: 330rpx;
            }
        }
        .dd-btn{
            width: 85vw;
            margin: auto;
            display: flex;
            justify-content: space-between;
            .btn-li{
                text-align: center;
                // border: 1px solid #ccc;
                width: 120rpx;
                margin-top:50rpx;
                .btn-text{
                    font-size:26rpx;
                    color: #ccc;
                }
            }
            .btn-la{
                width:180rpx;
                margin-top:40rpx;
                .text-wallet{
                    font-size:28;
                }
                .btn-text{
                    font-size:26rpx;
                    color: rgb(86, 85, 85);
                }
            }
            
        }
    }
    .box-jilu{
        display:flex;
        justify-content: space-between;
        align-items: center;
        width:95vw;
        height:180rpx;
        margin: auto;
        background: #fff;
        border-radius: 20rpx;
        .jilu-li{
            width:160rpx;
            text-align: center;
            .jilu-text{
                font-size: 30rpx;
                color: rgb(183, 182, 182);
            }
        }
    }
    .line{
        width:80vw;
        margin: auto;
    }
    .bit{
        width:90vw;
        margin: auto;
        display:flex;
        justify-content: space-between;
        flex-wrap: wrap;
        .bit-box{
        margin-top:20rpx;

            width:43vw;
            border-radius: 20rpx;
            overflow-y: hidden;
            background: #fff;
            .bit-img{
                width:100%;
                height:350rpx;
            }
            .bit-text{
                margin-left:10rpx;
                // border: 1px solid #aaa;
                width:320rpx;
                font-size:30rpx;
                overflow: hidden; /*自动隐藏文字*/
                text-overflow: ellipsis;/*文字隐藏后添加省略号*/
                white-space: nowrap;/*强制不换行*/
                // width: 20em;/*不允许出现半汉字截断*/`
            }
            .bit-red{
                margin-left:10rpx;
                text-align: center;
                line-height:28rpx;
                font-size: 24rpx;
                height:28rpx;
                border: 1rpx solid red;
                color:red;
            }
            .bit-money{
                margin-left:10rpx;
                color: red;
                font-size: 36rpx;
                font-weight: 400;
            }
        }
    }























}